let path=require('path')
let htmlWebpackPlugin=require('html-webpack-plugin')
let vueLoaderPlugin=require('vue-loader/lib/plugin')
module.exports={
  entry:path.join(__dirname,'./src/main.js'),
  output:{
    path:path.join(__dirname,'./dist'),
    filename:'bundle.js'
  },
  plugins:[
  new htmlWebpackPlugin({
    template:path.join(__dirname,'./src/index.html'),
    filename:'index.html'
  }),
  new vueLoaderPlugin()
  ],
  module:{
    rules:[
    {test:/\.css$/,use:['style-loader', 'css-loader']},
    { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] }, 
    { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] },
    {test:/\.(jpg|png|gif|bmp|jpeg)$/,use:['url-loader?limit=false&name=[name].[ext]']},
    { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' },
    {
      test: /\.m?js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env']
        }
      }
    },
    {test:/\.vue$/,use:'vue-loader'},
    
    ]
  },
  resolve:{
    alias:{
      // "Vue$":"vue/dist/vue.js"
    }
  }
}